<script setup lang="ts">
import gsapBox from '@/components/gsapBox.vue'
const carouselItems = ref([
  { id: 1, content: '1', imageUrl: 'http://125.122.29.223:8005/park/home/risk.png', text: 'http://125.122.29.223:8005/park/home/risk-t.png' },
  { id: 2, content: '2', imageUrl: 'http://125.122.29.223:8005/park/home/risk.png', text: 'http://125.122.29.223:8005/park/home/screen-t.png' },
  { id: 3, content: '8', imageUrl: 'http://125.122.29.223:8005/park/home/risk.png', text: 'http://125.122.29.223:8005/park/home/emergy-t.png' }
])
</script>

<template>
  <!-- 保持原有模板不变 -->
  <div class="flex justify-center items-center bg-bluegray">
    <div class="w-[633px] h-[600px] demo">
      <gsapBox :items="carouselItems"></gsapBox>
    </div>
  </div>
</template>
<style scoped>
.demo {
  /* background-image: url(../../assets/18.png); */
  background-size: 100% 100%;
}
</style>
